{extend name="template/pc/cms/_base.html" /}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__TPMPLATE__pc/cms/css/Validform_msg.css"/>
<link rel="stylesheet" href="__TPMPLATE__pc/cms/css/page.css">
{/block}

{block name="main"}

<div class="container-fluid contact-one">

    <div class="container">

        <div class="other-cont cont-pc">

            <div class="col-md-8">
                <div class="contact-cont">
                    <h1><font>鼎联</font>互联网信息有限公司</h1>
                    <div class="contact-txt">
                        鼎联互联网信息有限公司（Ding Lian Network Technology Co., Ltd.）成立于2018年1月，凭借拔尖的团队、优秀的业务能力，星如雨迅速成长为国内SEO的领军者。我们专注网络营销业务，助力您的企业腾飞。同时，我们还拥有一支健全的建站团队，向外界承接APP应用开发/微网站/公众号策划营销等业务。
                    </div>
                    <div class="contact-more">READ MORE >>></div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="contact-right-img">
                    <img class="img-responsive" title="{$system.title.value}" alt="{$system.title.value}" src="__TPMPLATE__pc/cms/images/contact-right.jpg">
                </div>
            </div>

        </div>

        <div class="other-cont cont-mobile">

            <div class="contact-title wow fadeInUp animated">
                <h3>我们是谁?</h3>
                <p>WHO WE ARE</p>
            </div>

            <div class="contact-box">

                <div class="contact-one-img">
                    <img class="img-responsive" title="{$system.title.value}" alt="{$system.title.value}" src="__TPMPLATE__pc/cms/images/contact/about-one.jpg">
                </div>

                <div class="contact-one-txt">
                    <p>
                        <span class="glyphicon glyphicon-play"></span>
                        鼎联互联网信息有限公司
                    </p>

                    <p>
                        <span class="glyphicon glyphicon-play"></span>
                        成立于2018年1月，凭借拔尖的团队、优秀的业务能力，星如雨迅速成长为国内SEO的领军者。
                    </p>

                    <p>
                        <span class="glyphicon glyphicon-play"></span>
                        我们专注网络营销业务，助力您的企业腾飞。同时，我们还拥有一支健全的建站团队，向外界承接APP应用开发/微网站/公众号策划营销等业务。
                    </p>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="container-fluid contact-two">

    <div class="container cont-pc">

        <div class="other-cont cont-pc">

            <div class="col-md-9 contact-map">
                <iframe framespacing="0" height="500" marginheight="0" border="0" src="https://j.map.baidu.com/J5oTZ" frameborder="0" width="100%" marginwidth="0" scrolling="no"></iframe>
            </div>

            <div class="col-md-3 contact-message">
                <div class="contact-cont">
                    <div>24小时全国统一免费服务热线 :</div>
                    <h1>{$system.advisory.value}</h1>
                    <div class="contact-address" title="{:lang('Company address')}：{$system.address.value}"><i class="glyphicon glyphicon-map-marker"></i>{:lang('Company address')}：{$system.address.value}</div>
                    <div class="contact-mail" title="{:lang('Email')}：{$system.mail.value}"><i class="glyphicon glyphicon-envelope"></i>{:lang('Email')}：{$system.mail.value}</div>
                    <div class="contact-code">
                        <div class="col-md-3">
                            <img class="img-responsive" title="{$system.title.value}" alt="{$system.title.value}" src="__PUBLIC__/uploads/image/{$system.code.value}"/>
                        </div>

                        <div class="col-md-1"></div>

                        <div class="col-md-8">
                            <div class="contact-sao">
                                <font>扫一扫</font><img class="img-responsive" alt="{$system.title.value}" src="__TPMPLATE__pc/cms/images/three-mobile.jpg">
                            </div>
                        </div>
                    </div>
                    <p title="">拿起手机扫描二维码，即可时刻关注我们!</p>
                    <p title="">官方： {$system.title.value}</p>
                    <p title="">微信号： {$system.advisory.value}</p>
                    <p class="contact-more">READ MORE >>></p>
                </div>
            </div>

        </div>

    </div>

    <div class="other-cont cont-mobile">

        <div class="contact-title wow fadeInUp animated">
            <h3>我们可以为您做些什么！</h3>
            <p>WHAT CAN WE DO FOR YOU</p>
        </div>

        <div class="contact-box">

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon01.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon02.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon03.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon04.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon05.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon06.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon07.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

            <div class="contacts-item">
                <div class="contacts-img">
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/icon08.jpg">
                </div>

                <div class="contacts-txt">
                    帮助企业实现帮助企业实现帮助企业实现帮助企业实现帮助企业实现
                </div>
            </div>

        </div>

    </div>

</div>

<div class="container-fluid contact-three contact-message">

    <div class="container">

        <div class="other-cont cont-pc">

            <div class="starter-template page-title wow fadeInUp animated">
                <span class="title-img"><img class="img-responsive" alt="" src="__TPMPLATE__pc/cms/images/title-left.png"></span>
                <font>合作咨询</font>
                <span class="title-img"><img class="img-responsive" alt="" src="__TPMPLATE__pc/cms/images/title-right.png"></span>
            </div>

            <div class="starter-template page-ztitle wow fadeInUp animated" data-wow-delay="0.5s">
                <h5 class="text-center">留下您的联系方式，我们的专业顾问与您联系，详细介绍产品及服务</h5>
            </div>

            <div class="page-tcont">

                <form name="" method="post" action="{:url('massage/save')}" id="form" class="message-form">
                    <div class="form-group">
                        <span class="f-icon f-icon-name"></span>
                        <input type="text" name="title" class="form-control ipt-text" id="form-title" value="" datatype="*" placeholder="标题 (必填)">
                    </div>

                    <div class="form-group form-group-right">
                        <span class="f-icon f-icon-name"></span>
                        <input type="text" name="name" class="form-control ipt-text" id="form-name" value="" datatype="*" placeholder="姓名 (必填)">
                    </div>

                    <div class="form-group">
                        <span class="f-icon f-icon-phone"></span>
                        <input type="number" name="tel" class="form-control ipt-text" id="form-tel" value="" datatype="*" placeholder="手机号码 (必填)">
                    </div>

                    <div class="form-group form-group-right">
                        <span class="f-icon f-icon-email"></span>
                        <input type="email" name="mail" class="form-control ipt-text" id="form-mail" value="" datatype="e" placeholder="邮箱 (必填)">
                    </div>

                    <div class="form-group textarea-form-group">
                        <span class="f-icon f-icon-name"></span>
                        <textarea name="center" cols="58" rows="6" tabindex="4" class="form-control textarea-form-control" datatype="*"  placeholder="内容 (必填)"></textarea>
                    </div>

                    <div class="sbt-btn">
                        <input type="submit" class="button" title="提交" value="提交">
                    </div>
                </form>

            </div>

        </div>

        <div class="h-box cont-mobile">

            <div class="contact-map-title">
                <h4>
                    <img class="img-responsive" title="" alt="" src="__TPMPLATE__pc/cms/images/contact/contact-logo.jpg">
                    <span>{$system.title.value}</span>
                </h4>

                <p>
                    <i class="glyphicon glyphicon-earphone"></i>
                    全国咨询服务热线: {$system.advisory.value}
                </p>

                <p>
                    <i class="glyphicon glyphicon-map-marker"></i>
                    {$system.address.value}
                </p>
            </div>

            <div class="contact-map-box">
                <iframe framespacing="0" width="100%" height="250" marginheight="0" border="0" frameborder="0" marginwidth="0" scrolling="no" src="__TPMPLATE__pc/cms/map.html"></iframe>
            </div>

        </div>

    </div>

</div>

{/block}

{block name="js"}

<script type="text/javascript" src="__STATIC__/admin/hui/lib/Validform/v5.3.2/Validform_v5.3.2_min.js"></script>
<script type="text/javascript">
    $("#form").Validform({
        tiptype: 3,
        label: ".form-label",
        ajaxPost: true,
        showAllError: true,
        callback: function (data) {
            if (data.status == "y") {
                setTimeout(function () {
                    window.location.reload();
                }, 3000);
            } else {
                setTimeout(function () {
                    $.Hidemsg();
                }, 3000);
                $("#captcha").click();
                $("[name='captcha']").val('');
            }

        }
    });
</script>
{/block}